<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index06-解构赋值</title>
</head>
<body>
    <script type="text/javascript">

        // let person = {
        //     username: "张三",
        //     age: 20,
        //     gender: "男"
        // };
        // // 可以将person对象中三个属性赋值给三个变量
        // // let username = person.username;
        // // let age = person.age;
        // // let gender = person.gender;
        // // 对于对象使用 {}来进行解构赋值,{变量1,变量2,...,变量n}，但是{}中变量名必须要与对象中的属性名一致
        // let {username, age, gender} = person;
        // console.log(`${username}, ${age}, ${gender}`)

        // 数组也解构赋值
        // let arr = [10, "hello", true, {name: "张三"}];
        // // let a = arr[0];
        // // let b = arr[1];
        // // let c = arr[2];
        // // let d = arr[3];
        // // 对于数组使用[]来进行解构赋值
        // let [a, b ,c, d] = arr;
        // console.log(a);
        // console.log(b);
        // console.log(c);
        // console.log(d);

        // 在定义函数时，传参也可以进行解构赋值
        let person = {
          username: "张三",
          age: 20,
          gender: "男"
        };
        // function printPerson(p){
        //   console.log(`${p.username}, ${p.age}, ${p.gender}`);
        // }
        function printPerson({username, age, gender}){
          console.log(`${username}, ${age}, ${gender}`);
        }
        printPerson(person);

    </script>
</body>
</html>